{% extends "base.html" %}

{% block content %}
<div class="row justify-content-center">
    <div class="col-md-8 text-center">
        <h1 class="mt-5">欢迎使用人脸识别系统</h1>
        <p class="lead mt-3">
            这是一个基于Flask和face_recognition的人脸识别系统。
            您可以通过摄像头录入人脸信息，并使用人脸进行身份验证。
        </p>
        
        <div class="card mt-5">
            <div class="card-body">
                <h5 class="card-title">功能介绍</h5>
                <ul class="list-group list-group-flush">
                    <li class="list-group-item">
                        <strong>人脸录入</strong> - 通过摄像头采集人脸样本，用于后续识别
                    </li>
                    <li class="list-group-item">
                        <strong>人脸识别</strong> - 使用已录入的人脸数据进行身份验证
                    </li>
                </ul>
            </div>
        </div>
        
        <div class="mt-4">
            <a href="{{ url_for('train_page') }}" class="btn btn-primary btn-lg me-3">开始录入人脸</a>
            <a href="{{ url_for('unlock_page') }}" class="btn btn-success btn-lg">开始人脸识别</a>
        </div>
    </div>
</div>
{% endblock %}